<template>
  <div id="box">
    <!-- 头部导航滑动取 -->
    <div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
    <div class="mui-scroll">
        <a class="mui-control-item mui-active">
            推荐
        </a>
        <a class="mui-control-item">
            热点
        </a>
        <a class="mui-control-item">
            北京
        </a>
        <a class="mui-control-item">
            社会
        </a>
        <a class="mui-control-item">
            娱乐
        </a>
        <a class="mui-control-item">
            科技
        </a>
    </div>
    </div>
    <!-- 缩略图区 -->
       <!-- <div class="wrapper">
          <ul class="content">
              <li>..ddd.</li>
              <li>..ccd.</li>
              <li>..ddd ..</li>
              <li>.ffff..</li>
              <li>..ffff.</li>
              <li>.fff..</li>
              <li>fffff...</li>
              <li>..ffff.</li>
              <li>.fff..</li>
              <li>.fff..</li>
              <li>.fff..</li>
              <li>...sss</li>
              <li>..ss.</li>
              <li>..ss.</li> 
              <li>..rrrr.</li>
              <li>...rrr</li>
          </ul>
       </div> -->
  </div>
</template>
<script>
// 缩略图大的导入
// import BScroll from 'better-scroll'
// MUI区域滚动的导入
import mui from '../lib/mui/js/mui.min.js'
export default {
    name:"Categroy",
    data () {
      return {
         scroll:null,
      }
    },
    //改变页面标题
     created(){
        // document.title="分类";
 
    },
    mounted(){
        // let scroll = new BScroll('.wrapper')
        // this.scroll = new BScroll(document.querySelector(".wrapper"),{
        // });
        // 轮播图初始化
         mui('.mui-scroll-wrapper').scroll({
	      deceleration: 0.0005 //flick 减速系数，系数越大，滚动速度越慢，滚动距离越小，默认值0.0006
        });
    },
    methods:{

    }
}
</script>
<style>
 .wrapper{
         width: 100%;
         overflow: hidden;
         position: absolute;
         top:100px;
         height: 200px;
         background:lime;
    }
    *{
        touch-action: pan-y;
    }
</style>